<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div>
    <div style="line-height: 0">
      <el-table
        class="tableBorder"
        :header-cell-style="{ 'text-align': 'center' }"
        :cell-style="{ 'text-align': 'center' }"
        :row-style="{ height: '20px' }"
        :data="tableData"
        style="width: 100%; margin-top: 30px"
        :stripe="true"
        :border="true"
        :highlight-current-row="true"
        size="mini"
      >
        <el-table-column prop="id" label="ID" width="80"> </el-table-column>
        <el-table-column prop="userId" label="报修人id"> </el-table-column>
        <el-table-column prop="person" label="报修人"></el-table-column>
        <el-table-column
          prop="pePhone"
          label="报修人联系方式"
        ></el-table-column>
        <el-table-column prop="repPlace" label="报修位置"></el-table-column>
        <el-table-column prop="repName" label="报修名称"></el-table-column>
        <el-table-column prop="repTime" label="报修时间"></el-table-column>
        <el-table-column prop="repDesc" label="报修原因"></el-table-column>
        <el-table-column prop="repStatus" label="报修状态"></el-table-column>
      </el-table>
    </div>
  </div>
</template>
    <script>
export default {
  data() {
    return {
      dormitory: {
        id: 1,
        userId: 0,
        person: "4",
        pePhone: "",
        repPlace: "4",
        repName: "4",
        repTime: "4",
        repDesc: "4",
        repStatus: "4",
      },
      pagePlus: {
        current: 1,
        size: 10,
        pagesizes: [10, 20, 50, 100],
        total: 0,
      },
    };
  },
  created() {},
  methods: {},
};
</script>